﻿<div class="easyui-layout" data-options="fit:true">
    <div data-options="region:'north',border:false" style="height: 100px; border-bottom-width: 1px; padding: 10px; font-size: 14px;">
        <a class="easyui-linkbutton" data-options="iconCls:'icon-search'" href="/Treegrid/ViewSelectCheckSource" target="_blank">点击查看扩展代码</a>
        <br />
        js依赖项：
        <br />
        [query-1.11.0.js]、[jquery.jdirk.js]、[jquery.easyui.min.js]、[jeasyui.extensions.treegrid.selectCheck.js]
    </div>
    <div data-options="region:'center',border:false,title:'此处仅显示“功能演示”选项卡所示功能基于本扩展的实现源码'" style="padding: 15px; font-size: 14px;">
        <a href="~/Demos/ExtensionDemos/Treegrid/SelectCheckDemo.zip" target="_self">下载本扩展功能演示Demo</a>
        <br />
        <div style="font-size: 17px; font-weight: bold; margin-top: 15px;margin-bottom:10px;">
            扩展方法API
        </div>
        <table class="tableAPI">
            <tr class="title">
                <td style="width:10%;">名称</td>
                <td style="width:5%;">重写</td>
                <td style="width:7%;">参数</td>
                <td>描述</td>
            </tr>
            <tr>
                <td>select</td>
                <td>是</td>
                <td>param</td>
                <td>
                    重写 easyui-treegrid 的源生方法 select，使之功能更加丰富；<br />
                    选择 easyui-treegrid 当前页的某行节点数据；该方法的参数 param 可以定义为如下两种类型：<br />
                    <span>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;</span>1、表示行节点的 idField(主键) 值；<br />
                    <span>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;</span>2、JSON-Object 对象，该对象需定义如下属性：<br />
                    <span>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;</span>
                    <span>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;</span>id:     表示要选择的行节点的 idField(主键) 值；<br />
                    <span>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;</span>
                    <span>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;</span>cascade:Boolean 类型值，默认为 false，表示是否连同其子级节点一并选择。<br />
                    返回值：返回表示当前 easyui-treegrid 组件的 jQuery 链式对象。
                </td>
            </tr>
            <tr>
                <td>selectRow</td>
                <td>否</td>
                <td>param</td>
                <td>
                    选择 easyui-treegrid 当前页的某行节点数据；<br />
                    同 select 方法；
                </td>
            </tr>
            <tr>
                <td>unselect</td>
                <td>是</td>
                <td>param</td>
                <td>
                    重写 easyui-treegrid 的源生方法 unselect，使之功能更加丰富；<br />
                    不选择 easyui-treegrid 当前页的某行节点数据；该方法的参数 param 可以定义为如下两种类型：<br />
                    <span>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;</span>1、表示行节点的 idField(主键) 值；<br />
                    <span>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;</span>2、JSON-Object 对象，该对象需定义如下属性：<br />
                    <span>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;</span>
                    <span>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;</span>id:     表示要不选择的行节点的 idField(主键) 值；<br />
                    <span>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;</span>
                    <span>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;</span>cascade:Boolean 类型值，默认为 false，表示是否连同其子级节点一并不选择。<br />
                    返回值：返回表示当前 easyui-treegrid 组件的 jQuery 链式对象。
                </td>
            </tr>
            <tr>
                <td>unselectRow</td>
                <td>否</td>
                <td>param</td>
                <td>
                    不选择 easyui-treegrid 当前页的某行节点数据；<br />
                    同 unselect 方法；
                </td>
            </tr>
            <tr>
                <td>check</td>
                <td>否</td>
                <td>param</td>
                <td>
                    选中 easyui-treegrid 当前页的某行节点数据；该方法的参数 param 可以定义为如下两种类型：<br />
                    <span>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;</span>1、表示行节点的 idField(主键) 值；<br />
                    <span>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;</span>2、JSON-Object 对象，该对象需定义如下属性：<br />
                    <span>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;</span>
                    <span>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;</span>id:     表示要选中的行节点的 idField(主键) 值；<br />
                    <span>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;</span>
                    <span>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;</span>cascade:Boolean 类型值，默认为 false，表示是否连同其子级节点一并选中。<br />
                    返回值：返回表示当前 easyui-treegrid 组件的 jQuery 链式对象。
                </td>
            </tr>
            <tr>
                <td>checkRow</td>
                <td>否</td>
                <td>param</td>
                <td>
                    选中 easyui-treegrid 当前页的某行节点数据；<br />
                    同 check 方法；
                </td>
            </tr>
            <tr>
                <td>uncheck</td>
                <td>否</td>
                <td>param</td>
                <td>
                    不选中 easyui-treegrid 当前页的某行节点数据；该方法的参数 param 可以定义为如下两种类型：<br />
                    <span>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;</span>1、表示行节点的 idField(主键) 值；<br />
                    <span>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;</span>2、JSON-Object 对象，该对象需定义如下属性：<br />
                    <span>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;</span>
                    <span>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;</span>id:     表示要不选中的行节点的 idField(主键) 值；<br />
                    <span>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;</span>
                    <span>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;</span>cascade:Boolean 类型值，默认为 false，表示是否连同其子级节点一并不选中。<br />
                    返回值：返回表示当前 easyui-treegrid 组件的 jQuery 链式对象。
                </td>
            </tr>
            <tr>
                <td>uncheckRow</td>
                <td>否</td>
                <td>param</td>
                <td>
                    不选中 easyui-treegrid 当前页的某行节点数据；<br />
                    同 uncheck 方法；
                </td>
            </tr>
        </table>
    </div>
</div>
